<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Daum - Admin</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	
	<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body id="write">

	<div class="top">
		<!-- 로고 -->
		<div class="logo f_l">
			<div class="f_l"><h1><img src="images/logo.gif" alt="Daum" /></h1></div>
			<div class="f_r"><span class="screen_out">Daum Corporation Website Management System</span></div>
		</div>
		<!-- 회원 버튼 -->
		<div class="top_navi">
			<a href="#" title="modify" class="btn">modify</a>
			<a href="#" title="logout" class="btn">Logout</a>
		</div>
	</div>

	<!-- Gnb -->
	<div class="menu_wrap">
		<div class="menu">
			<h2><a href="#" title="About 다음" class="on">About 다음</a></h2><div class="bar"></div>
			<h2><a href="#" title="IR">IR</a></h2><div class="bar"></div>
			<h2><a href="#" title="CAREER">CAREER</a></h2><div class="bar"></div>
			<h2><a href="#" title="PR">PR</a></h2><div class="bar"></div>
			<h2><a href="#" title="Innovative Space">Innovative Space</a></h2>
		</div>
		<div class="f_r">
			<h2><a href="#" title="메인 관리" class="btn on">메인 관리</a></h2>
			<h2><a href="#" title="메뉴 관리" class="btn">메뉴 관리</a></h2>
			<h2><a href="#" title="권한 관리" class="btn">권한 관리</a></h2>
			<h2><a href="#" title="통계 관리" class="btn">통계 관리</a></h2>
		</div>
	</div>

	<!-- 현재위치 -->
	<div class="location">
		<a href="#" title="Home" class="icon"><span class="screen_out">Home</span></a><div class="icon"></div>
		<a href="#" title="Daum info" class="strong">Daum info</a><div class="icon"></div>
		<a href="#" title="지속가능성">지속가능성</a><div class="icon"></div>
		<a href="#" title="지속가능보고서">지속가능보고서</a>
	</div>

	<!-- lnb -->
	<div class="lnb">
		<h3 class="first on" onclick="location.href='#'"><span>지속가능성 보고서</span></h3>
		<div class="dth">
			<h4 class="on" onclick="location.href='#'"><span><strong>└ </strong>소메뉴1</span></h4>
			<h4 onclick="location.href='#'"><span><strong>└ </strong>소메뉴2222222222</span></h4>
		</div>
		<h3 onclick="location.href='#'"><span>나눔이야기</span></h3>
		<h3 onclick="location.href='#'"><span>연혁</span></h3>
		<h3 onclick="location.href='#'"><span>다음 리더십</span></h3>
		<h3 onclick="location.href='#'"><span>사업현황</span></h3>
		<h3 onclick="location.href='#'"><span>서비스 소개</span></h3>
		<h3 class="last" onclick="location.href='#'"><span>나눔이야기</span></h3>
	</div>

	<!-- 내용 -->
	<div class="content">
		<!-- 페이지 제목 -->
		<h5>지속가능성 보고서 / 입력, 수정</h5>

		<!-- table -->
		<table class="tbl height">
			<colgroup>
				<col style="width:98px" />
				<col style="width:98px" />
				<col />
			</colgroup>
			<tr>
				<th><label for="number">번호</label></th>
				<td colspan="2" class="end">
					<select id="number">
						<option value="2012">2012</option>
						<option value="2012">2011</option>
					</select>
				</td>
			</tr>
			<tr>
				<th rowspan="3">전체<br />PDF 보고서</th>
				<th><label for="thumb_add">썸네일</label></th>
				<td class="end line_weak">
					<img src="이미지주소" class="screenshot img_pdf" alt="" />
					<a class="link_blue" href="#" title="다운로드" target="_blank">12345.jpg</a>
					<div class="cl_b"></div>
					<input type="file" title="사진 등록 및 사진 바꾸기" id="thumb_add" class="margin_t index_write" />
					<div class="margin_t">* 이미지 확장자 : jpg, gif   * 파일용량 : 2MB 미만  * 이미지 사이즈 : 123 x 123 (pixel)</div>
				</td>
			</tr>
			<tr>
				<th rowspan="2"><label for="pdf_add_0">PDF 첨부</label></th>
				<td class="end line_weak">
					<span class="icon file"></span>
					<a class="link_blue" href="#" title="다운로드" target="_blank">2011sustainablereport.pdf</a>
				</td>
			</tr>
			<tr>
				<td class="end">
					<input type="file" id="pdf_add_0" title="사진 등록 및 사진 바꾸기" class="index_write" />
				</td>
			</tr>
			<tr>
				<th rowspan="2">(보고서 TOP)<br />인덱스 별<br />PDF 보고서</th>
				<td colspan="2" class="end">
					*미리보기 -  입력폼에 입력/수정 후 저장한 내용을 확인할 수 있습니다.

					<!-- 내용이 추가될 경우 세로스크롤바 생성되는 부분 S (css대신 먼저 style로 속성 적용!) -->
					<div style="overflow-y:scroll; width:630px; height:115px; margin: 5px 0">
						<table class="tbl inside" style="width:600px; margin:0">
							<colgroup>
								<col />
								<col style="width:120px" />
								<col style="width:150px" />
							</colgroup>
							<tr>
								<td class="th"><span class="strong">1. 대제목</span></td>
								<td class="th">
									<img src="images/icon_file.gif" alt="" style="vertical-align: -5px;" />
									<a class="link_blue" href="#" title="다운로드" target="_blank">2011_001.pdf</a>
								</td>
								<td class="th end">
									<a href="#" title="위" ><img src="images/icon_arrup.gif" alt="" style="vertical-align: -3px;" /><span class="screen_out">위</span></a>
									<a href="#" title="아래" ><img src="images/icon_arrdown.gif" alt="" style="vertical-align: -3px;" /><span class="screen_out">아래</span></a>&nbsp;&nbsp;&nbsp;
									<a href="#" title="수정" class="btn btn_grey_s">수정</a>
									<a href="#" title="삭제" class="btn btn_grey_s">삭제</a>
								</td>
							</tr>
							<tr>
								<td>&nbsp;&nbsp;&nbsp;&nbsp;1) 소제목</td>
								<td>
									<img src="images/icon_file.gif" alt="" style="vertical-align: -5px;" />
									<a class="link_blue" href="#" title="다운로드" target="_blank">2011_001_1.pdf</a>
								</td>
								<td class="th end">
									<a href="#" title="위" ><img src="images/icon_arrup.gif" alt="" style="vertical-align: -3px;" /><span class="screen_out">위</span></a>
									<a href="#" title="아래" ><img src="images/icon_arrdown.gif" alt="" style="vertical-align: -3px;" /><span class="screen_out">아래</span></a>&nbsp;&nbsp;&nbsp;
									<a href="#" title="수정" class="btn btn_grey_s">수정</a>
									<a href="#" title="삭제" class="btn btn_grey_s">삭제</a>
								</td>
							</tr>
							<tr>
								<td>&nbsp;&nbsp;&nbsp;&nbsp;2) 소제목</td>
								<td>
									<img src="images/icon_file.gif" alt="" style="vertical-align: -5px;" />
									<a class="link_blue" href="#" title="다운로드" target="_blank">2011_001_1.pdf</a>
								</td>
								<td class="th end">
									<a href="#" title="위" ><img src="images/icon_arrup.gif" alt="" style="vertical-align: -3px;" /><span class="screen_out">위</span></a>
									<a href="#" title="아래" ><img src="images/icon_arrdown.gif" alt="" style="vertical-align: -3px;" /><span class="screen_out">아래</span></a>&nbsp;&nbsp;&nbsp;
									<a href="#" title="수정" class="btn btn_grey_s">수정</a>
									<a href="#" title="삭제" class="btn btn_grey_s">삭제</a>
								</td>
							</tr>
							<tr>
								<td>&nbsp;&nbsp;&nbsp;&nbsp;3) 소제목</td>
								<td>
									<img src="images/icon_file.gif" alt="" style="vertical-align: -5px;" />
									<a class="link_blue" href="#" title="다운로드" target="_blank">2011_001_1.pdf</a>
								</td>
								<td class="th end">
									<a href="#" title="위" ><img src="images/icon_arrup.gif" alt="" style="vertical-align: -3px;" /><span class="screen_out">위</span></a>
									<a href="#" title="아래" ><img src="images/icon_arrdown.gif" alt="" style="vertical-align: -3px;" /><span class="screen_out">아래</span></a>&nbsp;&nbsp;&nbsp;
									<a href="#" title="수정" class="btn btn_grey_s">수정</a>
									<a href="#" title="삭제" class="btn btn_grey_s">삭제</a>
								</td>
							</tr>
							<tr>
								<td>&nbsp;&nbsp;&nbsp;&nbsp;4) 소제목</td>
								<td>
									<img src="images/icon_file.gif" alt="" style="vertical-align: -5px;" />
									<a class="link_blue" href="#" title="다운로드" target="_blank">2011_001_1.pdf</a>
								</td>
								<td class="th end">
									<a href="#" title="위" ><img src="images/icon_arrup.gif" alt="" style="vertical-align: -3px;" /><span class="screen_out">위</span></a>
									<a href="#" title="아래" ><img src="images/icon_arrdown.gif" alt="" style="vertical-align: -3px;" /><span class="screen_out">아래</span></a>&nbsp;&nbsp;&nbsp;
									<a href="#" title="수정" class="btn btn_grey_s">수정</a>
									<a href="#" title="삭제" class="btn btn_grey_s">삭제</a>
								</td>
							</tr>
						</table>
					</div>
					<!-- 내용이 추가될 경우 세로스크롤바 생성되는 부분 E-->

				</td>
			</tr>
			<tr>
				<td colspan="2" class="end td_fbfbfb">
					<label for="index">인덱스 입력, 수정</label><br />
					<select id="index" class="margin_t">
						<option value="대제목 스타일">대제목 스타일</option>
					</select><br />
					<div class="f_l margin_t">
						<input type="text" class="index_write" title="인덱스 내용을 입력하세요" /><br />
						<input type="file" id="pdf_upload" title="PDF 파일 첨부" class="index_write" style="margin-top:7px" />
					</div>
					<div class="f_l margin_t">
						<a href="#" title="입력" class="btn_grey_big" style="margin-left:14px">입력</a>
					</div>
				</td>
			</tr>
			<tr>
				<th rowspan="2">온라인보고서</th>
				<th><label for="online_thumb">썸네일</label></th>
				<td class="end line_weak">
					<input type="file" id="online_thumb" title="사진 등록 및 사진 바꾸기" class="index_write" />
				</td>
			</tr>
			<tr>
				<th><label for="pdf_upload_2">PDF 첨부</label></th>
				<td class="end">
					<input type="file" id="pdf_upload_2" title="PDF 파일 첨부" class="index_write" />
				</td>
			</tr>
			<tr>
				<th class="endTr">노출 설정</th>
				<td colspan="2" class="end endTr">
					<input type="radio" id="exposure_yes" name="1" />
					<label for="exposure_yes">노출</label>&nbsp;&nbsp;&nbsp;
					<input type="radio" id="exposure_no" name="1" />
					<label for="exposure_no">비노출</label>
				</td>
			</tr>
		</table>

		<div class="btn_center">
			<a href="#" title="취소하기" class="btn_blue margin_r">취소하기</a>
			<a href="#" title="저장하기" class="btn_blue">저장하기</a>
		</div>

	</div>

</body>
</html>
